<!DOCTYPE html>
<head>
    <title>print bill</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <!-- <meta name="viewport" content="width=device-width, initial-scale=0.62, user-scalable=1, minimum-scale=0.62, maximum-scale=0.62"> -->
    <meta name="viewport"content="width=device-width, initial-scale=1, user-scalable=1, minimum-scale=1, maximum-scale=1">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <link rel='stylesheet' href='./css/bootstrap/bootstrap.min.css' type='text/css'/>
    <link rel='stylesheet' href='./css/main.css' type='text/css'/>
    <link rel='stylesheet' href='./css/settings.css' type='text/css'/>      
    <!--jquery-->
    <script type="text/javascript" src='./js/lib/jquery/jquery-1.10.2.min.js'></script>
    <script type="text/javascript" src='./js/lib/iscroll/iscroll.js'></script>
    <script type="text/javascript" src='./js/lib/underscore/underscore.min.js'></script>
    <script type="text/javascript" src='./js/lib/backbone/backbone.js'></script>
    <script type="text/javascript" src='./js/lib/fastclick.js'></script>
</head>
<style>
	@font-face{
	   font-family:'Trajan Pro';
	   src:url('file:///android_asset/fonts/TrajanProBold.otf');
	}
	.headbar {
	  position:relative!important;
	}
</style>
<body>
<div id="window">
    <div id="billListContent">
        <div id="billListBar" class="headbar">
            <div class="col-md-2">
                <div id="backBtn" ></div>
            </div>
            <div class="col-md-10">
                <div id="wintitle" class="title col-md-8">Print Bill</div>
                <div style="float: right;" id="billRight">
                    <ul>
                        <li >
                            <button type="button" id="todaybillListBut" class="btn btn-default">
                                <span>Today</span>
                            </button>
                        </li>
                        <li>
                            <button type="button" id="allbillListBut" class="btn btn-default">
                                <span>All</span>
                            </button>
                        </li>
                        <li>
                            <input type="text" style="width: 150px"  class="form-control searchbox" id="searchContent" placeholder="bill Id">
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <div id="billTables" class="maxCol">
            <div id="header">
                <div class="row">
                    <div class="col-md-3">Bill No.</div>
                    <div class="col-md-4 showCol">Total</div>
                    <div class="col-md-3 showCol">Cashier</div>
                </div>
            </div>
            <div id="tableswrapper">
                <div id="tablesscroller">
                    <ul id="reprintbillli">
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <div id="billDetailsContent">
        <div class="headbar">
            <div class="col-md-3" style="height: 100%; border-left: 1px solid #fff;">
                <div id="closeBtn" style="padding-top: 16px; font-size: 24px">
                    Close
                </div>
            </div>
            <div class="col-md-3 pull-right" style="height: 100%;">
                <div id="printBillBtn" style="float:right;padding-top: 16px; font-size: 24px">
                    <span class="glyphicon  glyphicon-print"></span>
                </div>
            </div>
        </div>
    <div id="billDetails">
        <div id="detailsHeader">
            <div class="col-md-12">
              
                <div class="col-md-3">Name</div>
                <div class="col-md-2">Price</div>
                <div class="col-md-1">Qty</div>
                <div class="col-md-2">Subtotal</div>
                <div class="col-md-2">Total</div>
            </div>
        </div>
        <div id="tablesdetailswrapper">
            <div id="tablesdetailsscroller">
                <ul id="listdetails">
                </ul>
            </div>
        </div>
    </div>
    </div>
</div>
<script type="text/template" id="reprintbillListItem-template">
    <div class="row " data="<%=tableName %>">
        <div class="col-md-3"><%=orderId %></div>
        <div class="col-md-4 showCol"><%=total %></div>
        <div class="col-md-3 showCol">cashier</div>
    </div>
</script>
<script type="text/template" id="reprintbilldetailsItem-template">
        <div class="row">
            <div class="col-md-3"><%=itemName %></div>
            <div class="col-md-2"><%=price%></div>
            <div class="col-md-1"><%=qty %></div>
            <div class="col-md-2"><%=price * qty %></div>
            <div class="col-md-2"><%=amount %></div>
        </div>
</script>

<!--
<script type="text/javascript" src='./js/app/dummy_data.js'></script>
<script type="text/javascript" src='./js/app/android_dummy.js'></script>
-->

<script type="text/javascript" src='./js/app/models/reprintbilllist_model.js'></script>
<script type="text/javascript" src='./js/app/collections/reprintbilllist_collection.js'></script>
<script type="text/javascript" src='./js/app/models/reprintbilldetails_model.js'></script>
<script type="text/javascript" src='./js/app/collections/reprintbilldetails_collection.js'></script>
<script type="text/javascript" src='./js/app/views/reprintbilldetails_view.js'></script>
<script type="text/javascript" src='./js/app/views/reprintbilllist_view.js'></script>
</body>
</html>
